<template>
	<view class="c-container no-border c-container-item">
		<view class="swiper-item-box" id="baby">
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">桌数</view>
					<view class="col-text">{{baby.table_amount}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">餐标</view>
					<view class="col-text">{{baby.table_price}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">客户姓名</view>
					<view class="col-text">{{baby.customer_name}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">联系方式</view>
					<view class="col-text">{{baby.customer_mobile}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">优惠金额</view>
					<view class="col-text">{{baby.baby_discount}}</view>
				</view>
				<view class="c-row-col">
					<view class="col-title">婚宴总额</view>
					<view class="col-text">{{baby.baby_totals}}</view>
				</view>
			</view>
			<view class="c-row" v-if="baby.part_remark">
				<view class="c-row-col">
					<view class="col-title">备注</view>
					<view class="col-text col-remark">{{baby.part_remark}}</view>
				</view>
			</view>
			<view class="c-row">
				<view class="c-row-col">
					<view class="col-title">审核状态</view>
					<view class="col-text col-remark" :style="{ color: status[baby.item_check_status].color }">{{status[baby.item_check_status].title}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getSwiperMaxHeight} from '@/utils/funs.js';
	
	export default {
		props: {
			parent: {
				type: Object
			},
			baby: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		data() {
			return {
				swiperHeight:0,
				status: {
					0: {
						title: '待审核',
						color: '#999'
					},
					1: {
						title: '审核中',
						color: '#999'
					},
					2: {
						title: '审核通过',
						color: '#409EFF'
					},
					3: {
						title: '审核驳回',
						color: 'red'
					},
					13: {
						title: '已撤销',
						color: '#999'
					}
				}
			}
		},
		beforeMount() {
			this.getSwiperMaxHeight = getSwiperMaxHeight;
		},
		mounted() {
			console.log('baby');
			
			this.getSwiperMaxHeight(this, '#baby');
		},
		methods: {

		}
	}
</script>

<style lang="less">
	@import url("../../common.less");
</style>
